﻿@using RuoVea.ExUtil;

@using Microsoft.Extensions.Options

@{
    ViewData["Title"] = "作业";
    string JobRootUrl = "";
    Layout = "";
}
<!DOCTYPE html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewData["Title"] - MES管理系统</title>
    <link href="/elementui/index.css" rel="stylesheet" />
    <link href="/elementui/index.extend.css?v=22" rel="stylesheet" />
    <style scoped>

      /*   .searchform .el-form-item {
            margin-bottom: 0px !important;
        } */
    </style>
</head>
<body>

    <div id="main" v-cloak>
    

        <el-main>
            <el-extend-search :load-data="handleLoadData" :add="handleAdd" :filter-json="filterJson"
            :show-search="true"
            :show-add="true"
            :show-refresh="true"
            ></el-extend-search>
        </el-main>
        @* // *@
    </div>

    <script type="text/javascript" src="/vue/vue.js?v=2.0"></script>
    <script type="text/javascript" src="/vue/vue-i18n.min.js?v=2.0"></script>
    <script type="text/javascript" src="/elementui/index.js"></script>
    <script type="text/javascript" src="/elementui/index.extend.js"></script>
    <script type="text/javascript" src="/vue/axios.min.js"></script>
    <script>
        

        var $taskVue = new Vue({
            el: "#main",
            data() {
                return {
                    filterJson: [
                        {
                            "type": "input",
                            "label": "大大姓名",
                            "prop": "name",
                            "default": ""
                        },
                        {
                            "type": "select",
                            "label": "性别",
                            "prop": "gender",
                            "default": null,
                            "options": [
                                { "label": "男", "value": "male" },
                                { "label": "女", "value": "female" }
                            ]
                        },
                        {
                            "type": "switch",
                            "label": "是否同意",
                            "prop": "isAgree",
                            "default": false
                        },
                        {
                            "type": "datetimepicker",
                            "label": "预约时间",
                            "prop": "appointmentTime",
                            "default": null,
                            "placeholder": "请选择预约时间",
                            "format": "yyyy-MM-dd HH:mm:ss",
                            "valueFormat": "yyyy-MM-dd HH:mm:ss",
                            "dateTimePickerType": "datetime"
                        },
                      
                        {
                            "type": "radio",
                            "label": "爱好",
                            "prop": "hobby",
                            "default": undefined,
                            "options": [
                                { "label": "足球", "value": "soccer" },
                                { "label": "篮球", "value": "basketball" }
                                // 可以添加更多选项
                            ]
                        },
                        {
                            "type": "checkbox",
                            "label": "技能",
                            "prop": "skills",
                            "default": [],
                            "options": [
                                { "label": "编程", "value": "coding" },
                                { "label": "设计", "value": "design" },
                                { "label": "测试", "value": "test" },
                                { "label": "部署", "value": "uat" },
                            ]
                        }
                    ],
                }
            },
            created() {
                // this.initForm();
            },
            methods: {
                handleAdd() { },
                handleLoadData(data) {
                    console.log(data)
                }
            },
            filters: {
                // lableFilter(data) {
                //     return data + " :";
                // }
            }
        });
    </script>
</body>
</>
